<!--
    /**
     * @author RaoShuang
     * @emil 991207823@qq.com
     * @date 2020/11/23 20:55
     */
-->
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>快速入门</title>
		<script src="js/vuejs-2.5.16.js"></script>
	</head>
	<body>
		<div id="app">
			{{message}} <!--Vue的插值表达式，把data中定义的数据显示到此处-->
            <br/>
            定义number={{number}}
            <br/>

            <!-- 三元运算符 -->
            {{ false ? "OK" : "No" }}/{{ true ? "OK" : "No" }}
            <br/>

            <!-- 数学运算-->
            number * 3.14={{number * 3.14}}
            <br/>

            <!--插值表达式不支持
            {{var a = 1;}}
            {{if(a = 10){}}}
            -->
		</div>
	</body>
	<script>
		//view model
		//创建Vue对象
        new Vue({
            el: "#app", //由vue接管id为app区域
            data:{
                message:"Hello Wue! So Easy.", //注意：此处不要加分号
                number:100
            }
        });
	</script>
</html>
